﻿@model EditorialProyectos.Website.Models.BenefitViewModel
<br />
<h2>Beneficios Asignados</h2>

<div class="row">

    <script type="text/html" id="templateBenefits">
        <tr>
            <td>
                <span data-bind="text: Title"></span>
            </td>
            <td>
                <span data-bind="text: Description"></span>
            </td>
            <td>
                <span data-bind="text: Amount"></span>
            </td>
            <td>
                <span class="glyphicon glyphicon-trash" data-bind="click: $parent.DeleteOnJavascript"></span>
            </td>
        </tr>
    </script>

    <div class="row">
        <div class="table-responsive">
            <table class="table grid border-indigo">
                <thead>
                    <tr>
                        <th>Title</th>
                        <th>Description</th>
                        <th>Monto</th>
                    </tr>
                </thead>
                <tbody data-bind="template: { name: 'templateBenefits', foreach: List}"></tbody>
            </table>
        </div>
    </div>
</div>
